/* 
    Document   : cafedechiapas
    Created on : 11/09/2011, 10:03:48 AM
    Author     : Cafe de Chiapas
    Description:
        El estiluco magico remasterizado para cafe de chiapas.
*/


/*TOOLS GENERALES*/
.fleft{float: left;}
.fright{float: right;}
.clear{clear: both}
.prelative{position: relative;}
.pabsolute{position: absolute; z-index: 10}

*{margin: 0; padding: 0;}

/*CONTENEDORED GENERALES*/
body{ background: #5D3210 url("../images/back.gif");color:#FFF7CC; font-family:tahoma; font-size:11px }
.wrapper{margin: 0 auto; width: 833px; background: url(../images/fondo-sombra.png) repeat-y;}
.parentCont{margin: 0 auto; width: 817px;}
.mainCont{background: #5D3210 url("../images/back2.gif"); width: 100%; }
.cleft{width: 206px; margin-top: 4px;}
.cright{width: 606px; margin-top: 4px;}


/*HEADER*/
.headder{width: 100%; height: 200px;overflow: hidden;}
/*slider*/
.slidesCont { width:695px; height:200px; overflow:hidden; position:relative; cursor:pointer;}  
.slides { position:absolute; top:0; left:0; }  
.slides div { position:absolute; top:0; width:695px; display:none; } 


/*** MENU ***/
.menu_all{position: relative; width: 100%; height: 41px;}
#menu{position: absolute; left: 0px; top: 0px; /*z-index: 1000*/}
#menu ul{ margin-top:0px; float: right; }
#menu ul li{ list-style-type: none; display:inline; margin-right: 0px; font-size: 16px; font-weight: bold; line-height: 37px; cursor: pointer; float: left; }
#menu a {text-decoration: none; color: inherit;}
#menu ul li span:hover{ text-decoration: underline; color: #ccc}
#menu ul li{
    background: url("../images/header_brown_right.jpg") no-repeat scroll right top;
    color: #DEB57E;
    display: block;
    float: left;
    font-family: verdana;
    font-size: 12px;
    height: 41px;
    margin-right: 0px;
    padding-right: 14px;/*esta linea define el ancho de la imagen derecha*/
    text-decoration: none;    
    /*font-weight: bold;*/
    margin-right: 0px;   
}
#menu ul li span {
    background: url("../images/header_brown_left.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    line-height: 41px;
    padding: 0 0 5px 18px;
    text-align: center;
}
#menu ul li.active span {color:#fff;}

/*TEXTOS GRAL*/
.headertext {
  color: #FFAF49;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
}
.headertext a{
  color: #FFAF49;
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
}

/*ELEMENTOS GRAL*/
/*--carrito--*/
.shoppad { background: url("../images/shop_pad.gif") no-repeat scroll 0 0 transparent; height: 68px; width: 206px; padding-top: 8px; text-align: center;}
#shop_items {color: #FFFFFF;}

/*--buscador--*/
.number_up { background: url("../images/number_up.gif") no-repeat scroll left center transparent; height: 42px; width: 606px;}
.number_up div{ line-height: 40px;}
.search_input {
  border-color: #404040 #D4D0C8 #D4D0C8 #404040;
  border-style: solid;
  border-width: 1px;
  color: #262B2D;
  font-weight: bold;
  height: 20px;
  padding: 1px;
  width: 200px;
}
#search_bt{width: 37px; height: 20px; background-image: url(../images/button_quick_find.gif); border: 0; cursor: pointer;}

/*-catgorias-*/
#box_categories_heading {
  margin: 20px 0 0 20px;
}
.lefttext {
  color: #D39047;
  font-family: arial;
  font-size: 18px;
  
}
#box_categories {
  margin: 7px 0 10px 22px;
}
#box_categories a {
  background: url("../images/item.gif") no-repeat scroll left center transparent;
  color: #BA9664;
  font-family: verdana;
  font-size: 11px;
  line-height: 21px;
  padding: 0 0 0 13px;
  text-decoration: none;
}

.contenedor_nov {
  height: 197px;
  margin: 0 0 0 7px;
  padding: 0;
  width: 197px;
}
#box_specials_heading{
    margin: 20px 0 0 20px;
}
.main_bottom{background:url("../images/main_bottom.gif") left repeat-y; margin: 15px 0 0 0px;width:606px;height: 500px;}
.catalogo{ padding:15px 0px 0px 15px;float: left; }
.goods{background: url("../images/goods.gif") no-repeat;width:282px;height:226px;}
.zag{background: url("../images/item_zag.gif") no-repeat;width:270px;height:32px;}
.item_zag a{font-family:arial; font-size:14px; color:#ddd; text-transform:uppercase; line-height:30px; font-weight:bold;}
.item_zag a:hover{text-decoration:underline;}
.item_zag a, .zag_main, .item_zag_main a{font-family:arial; font-size:14px; color:#BA9664; line-height:30px;}
.item_zag_main a:hover{text-decoration:underline;}
.item_des{color:#5D3210; font-family:arial; font-size:14px; text-transform:uppercase;}
.zag_pr_text, .price, .item_price{height:26px; font-family: verdana, arial; font-size:24px; color:#603411; padding:0 13px 0 0; font-weight:bold;}
.add_cart{float:left; margin:0 3px 0 0;}


/*FOOTER*/
.footer{display: block; width: 100%;font-family: verdana; font-size: 11px;}
.footertext a {
  color: #BA9664;
  font-family: verdana;
  font-size: 11px;
}

/*Paginacion*/
#pagination-clean{margin-left: 240px;}
#pagination-clean li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
/* savers #pagination-clean li,*/
#pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
#pagination-clean .previous-off,
#pagination-clean .next-off   { color:#FFF7CC; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-clean .next a,
#pagination-clean previous a  { border:none; font-weight:bold; }
#pagination-clean .active     { color:#D4D0C8; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
#pagination-clean a:link,
#pagination-clean a:visited   { color:#FFF7CC; display:block; float:left; padding:3px 6px; text-decoration:underline; }
#pagination-clean a:hover     { text-decoration:none; }


#mytable {
    padding: 0;
    margin: 0;
    border-collapse:separate;
}

#mytable {
    font-size:9px !important;
}

caption {
    padding: 0 0 5px 0;
    width: 480px;
    text-align: right;
    color: #4f6b72;
    font-size:16px;
}

th {
    color: white;
    border-right: 1px solid #8B573A;
    border-bottom: 1px solid #8B573A;
    border-top: 1px solid #8B573A;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    padding: 4px 2px 4px 2px;
    background: #663300; /* url(images/bg_header.jpg) no-repeat;*/
    font-weight:bold;
}


td {
    border-right: 1px solid #8B573A;
    border-bottom: 1px solid #8B573A;
    /*background: #E4DFEC;*/

    color: #FFAF49;
}

#primerFila{
    border-left: 1px solid #8B573A;
}

.filaColor{
    background: #FFFFFF;/*#996633;*/
}
.filaColorw{
    background: #FFFFFF;/*#C38649;*/
}